@import "../../base/fn";
.allowanced{
    background:#FFFFFF ;
    padding-bottom: 60px;
    min-height: 500px;
    .setTapColor();
    @chi-color:#A8BBCB;
   
    .head{
        font-size: 0.75rem;
        .top{
            color: #FFFFFF;
            padding: 1rem 0;
            background:#FFFFFF url(../../../img/sales/bg-diamond1.jpg) no-repeat;
            background-size: 100%;
            .weui-flex{
                width: 65%;
                margin: 20px auto 0;
            }
            .notice{
                border: none;
                background: url(../../../img/sales/line.png) no-repeat;
                background-size: 100%;
                font-size: 0.6rem;
            }
            .more{
                color: #CCC0E5;
                &:before{
                    border-color: #CCC0E5;
                }
            }
            .bigger{
                font-size: 2em;
            }
        }
       
        .number{
            font-size: 2.5em;
            background: @chi-color;
            width: 90px;
            height: 90px;
            border-radius: 50%;
            margin: 0 auto;
            line-height: 90px;
            color: #FFFFFF;
            &.number_text{
                font-size: 1.2rem;    
                p{
                    line-height: 1.2;
                    padding-top: 19px;;
                }
            }
        }
        .numbname{
            color: @chi-color;
            margin: 10px 0;
        }
        .money{
            font-size: 2em;
        }
        .weui-flex{
            text-align: center;
            align-items: flex-end;
            margin-top: 20px;
        }
        .process{
            width: 80%;
            height: 100px;
            margin: 0 auto;
            position: relative;
        }
        .process_text{
            position: absolute;
            left: 0;
            top: 20px;
            text-align: center;
            width: 100%;
        }
        .name{
            border-radius: 20px;
            padding: 3px 15px;
            margin: 10px auto;
            img{
                vertical-align: bottom;
            }
        }
    }
     
    h2{
        padding-left: 1rem;
        font-size: 1.2rem;
        img{
            vertical-align: middle;
        }
    }
    h1{
        text-align: center;
    }
    .status{
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: 0.75rem;
        position: relative;
        &:after{
            .setBottomLine(#A8BBCB)
        }
    }
    .subtitle{
        padding-left: 1rem;
        padding-bottom: 10px;
    }
    #prop{
        flex-wrap:wrap;
        padding: 30px 5% 20px 5%;
        font-size: 0.75rem;
        p{
            margin-bottom: 10px;
        }
    }
    .btn_admin{
        background: #CDC1E5;
        font-size: 1rem;
        padding: 2px 50px;
        line-height: 2;    
        margin-bottom: 50px;
    }
    .minfo{
        font-size: 0.75rem;
    }
     &.withLucky{
        @chi-color:#FBE089;
        .number{
            color: #A18732;
            background: @chi-color;
        }
        .numbname{
            color: #A18732;
        }
        .head .top{
            background-image:url(../../../img/sales/bg-lucky.jpg) ;
        }
    }
}
